<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<style type="text/css">
			.item-box {
				display: flex;
				flex-direction: column;
			}

			.item-box .title {
				font-size: 20px;
				color: #333333;
				line-height: 1.5;
			}

			.item-box .date {
				font-size: 14px;
				color: #8F8F94;
			}

			.scan {
				width: 20px;
			}
			
			.mui-badge{
				font-size: 16px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<span class="mui-icon mui-pull-right">
				<img src="images/scan.svg" class="scan">
			</span>
		</header>
		<div style="padding-top: 45px;">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="item-box">
						<span class="title">这里是标题</span>
						<span class="date">Fri Dec 20 2019 23:56:09</span>
					</div>
					<span class="mui-badge mui-badge-danger">12</span>
				</li>
				<li class="mui-table-view-cell">
					<div class="item-box">
						<span class="title">这里是标题</span>
						<span class="date">Fri Dec 20 2019 23:56:09</span>
					</div>
					<span class="mui-badge mui-badge-danger">12</span>
				</li>
				<li class="mui-table-view-cell">
					<div class="item-box">
						<span class="title">这里是标题</span>
						<span class="date">Fri Dec 20 2019 23:56:09</span>
					</div>
					<span class="mui-badge mui-badge-danger">12</span>
				</li>
				<li class="mui-table-view-cell">
					<div class="item-box">
						<span class="title">这里是标题</span>
						<span class="date">Fri Dec 20 2019 23:56:09</span>
					</div>
					<span class="mui-badge mui-badge-danger">12</span>
				</li>
			</ul>
		</div>


		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
